.header{ background: #FFF; height: 90px; width: 100%; position: fixed; z-index: 99999; box-shadow:0 5px 15px rgba(0,0,0,0.08);transition:all 0.5s ease-in-out;}
.topEmpty{height:90px;}
.logo { float: left; margin-top: 10px; position:relative; }
.logo img{transition:all 0.5s ease-in-out;}
.logo .iOpacity{opacity:0; position:absolute; left:0; top:0;}
.headRx { float: right; margin-top: 30px; margin-right: 0px;}
.headRx_a { float: left; height: 26px; width: 26px; margin-left: 32px; display: inline-block; position: relative;color: #848383;}
.headerIcon{ display: block; position: relative; height: 30px; width: 30px;color: #fff;border: 1px solid #AFAFAF; border-radius:50%; transition:all 0.5s ease-in-out; }
.headerIcon img{position:absolute; left: -28px;top: 6px; transition:all 0.5s ease-in-out;}
/*.headRx_a:hover .headerIcon img{opacity:0;}*/
/*.headRx_a:hover .headerIcon img.iOpacity{opacity:1;}*/

.headWximg{position:absolute; left:50%; top:75px; transform:translate(-50%,10px); border-radius:0.3em; border:5px solid #fff; box-shadow:0 5px 8px rgba(0,0,0,0.1); width:130px; height:130px; opacity:0; visibility:hidden; transition:all 0.3s ease-in-out}
.headWximg{ top:65px; width:120px; /*height:120px;*/display: flex;}
.headWximg:before{content:""; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #fff; position:absolute; left:50%; margin-left:-10px; top:-15px;}
.headWximg img{width: 100%;height: auto;}
.headRx_a:hover .headWximg,.headRx_a:hover .headTelnum{opacity:1;  transform:translate(-50%,0px); visibility:visible}
.headTelnum{ position: absolute; left: 50%; top: 75px; transform: translate(-50%,10px); border-radius: 0.3em; border: 5px solid #fff; box-shadow: 0 5px 8px rgba(0,0,0,0.1); 
	width: 160px; height: auto; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; font-size: 18px; color: /*#25a8f1*/ #0e9d28; text-align: center; padding: 10px 0; text-align: center; background: #fff; line-height: 30px; }
.headTelnum:before{content:""; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #fff; position:absolute; left:50%; margin-left:-10px; top:-15px;}
.iOpacity2{opacity:0;}
.nav{/*position:absolute; left:50%; top:0; transform:translateX(calc(-50%)); white-space:nowrap; display:flex;*/}
.nav_a { font-size: 16px; line-height: 90px; display: inline-block; position:relative;    
	color: #333;text-decoration: none;outline: 0;transition: all 0.5s ease;letter-spacing: .05rem;}
.nav li{float:left;padding:0 0.88vw}
.nav li a{padding:0 0.88vw}
.nav_a.on{ color: #0e9d28; }
.nav_a:after{ content: ""; width: 0%; height: 3px; background: #0e9d28; transition: all 0.5s ease-in-out; position: absolute; left: 50%; bottom: 0 }
.nav_a.on:after{width: 100%; left: 0px;}
.nav_a:hover:after{width: 100%;left: 0;}
.nav_a.on:hover:after{width: 100%;left: 0px;}

.headBsicon{opacity:0;}
.inxBan .bgImg{height:77.5vh}
.headerTransparent{background:rgba(255,255,255,0); box-shadow:none; border-bottom:1px solid rgba(255,255,255,1);}
.headerTransparent .nav_a{color:#fff;}
.headerTransparent .nav_a::after{background:rgba(255,255,255,0);}
.headerTransparent .logo img{opacity:0;}
.headerTransparent .logo img.iOpacity { opacity:1;}
.headerTransparent .headerIcon img{opacity:0!important;}
.headerTransparent .headerIcon img.iOpacity2{opacity:1!important;}
.headerTransparent .headerIcon:hover img.iOpacity2{opacity:0!important;}
.headerTransparent .headerIcon:hover img.iOpacity{opacity:1!important;}


.width{
	width: 1200px;
	margin: 0 auto;
	height: auto;
}
.index-top{
	display: block;
	width: 100%;
	height: auto;
	min-height: 270px;
	background-color: #fff;
	position: absolute;
	top: -220px;
	z-index: 19;
	/*box-shadow: 0 0 16px 0 rgba(255, 255, 255, 0.6);*/
	background-image: url(../picture/icon-01.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 36px 0 42px;
	font-size: 0;
}
.index-topDiv{
	position: relative;
	height: 50px !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	margin-bottom: 72px;
}
.index-top>div{
	display: inline-block;
	vertical-align: top;
	width: 388px;
	text-align: center;
	font-size: 16px;
	color: #111111;
	line-height: 26px;
	padding: 0 16px;
}
.index-top>div h3{
	font-size: 22px;
	color: #000;
	line-height: 36px;
	margin: 12px auto 10px;
}
.index-top>div.index-topText{
	width: 424px;
	padding: 8px 16px;
}
.index-top>div.index-topText p{ 
	width: 100%;padding: 0 10%;display: inline-block;
}
.index-top>div.index-topText p span{ 
	float: left;width: 50%;padding: 5px 0;text-align: left;overflow: hidden;
}
.index-top>div.index-topText::before{
	content: "";
	display: block;
	width: 1px;
	height: calc(100% - 78px);
	background: #e2e2e2;
	position: absolute;
	left: 388px;
	top: 36px;
}
.index-top>div.index-topText::after{
	content: "";
	display: block;
	width: 1px;
	height: calc(100% - 78px);
	background: #e2e2e2;
	position: absolute;
	right: 388px;
	top: 36px;
}
.index-top>div.index-topIn span{
	display: block;
	height: 54px;
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
.index-top>div.index-topIn a{
	display: block;
	width: 140px;
	height: 48px;
	border-radius: 4px;
	background-color: #0e9d28;
	border: 1px solid #0e9d28;
	text-align: center;
	line-height: 48px;
	font-size: 16px;
	color: #fff;
	margin: 32px auto 0;
	transition: all 0.3s;
}
.index-top>div.index-topIn a:hover{
	/*width: 160px;*/
	color: #0e9d28;
	background-color: #fff;
	border: 1px solid #0e9d28;
}

.index-topIn:hover .img,.index-topText:hover .img{
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
    -moz-transition: all ease .5s 0s;
    -webkit-transition: all ease .5s 0s;
    cursor: pointer;
    transition: all ease .5s 0s;
}


.innerNav{width: 100%;height: 60px;line-height: 60px;background-color: #fff;box-shadow: 1px 1px 10px #ddd;}
.innerNav.fixed{position: fixed;left: 0;top: 0;z-index: 100;}
.innerNavL{width: calc(100% - 380px);}
.innerNavL a{float: left;position: relative;height: 60px;text-align: center;font-size: 0;padding: 0 40px;color: #333;transition:all 0.3s;}
/*.innerNavL a:before{content: "";position: absolute;left: 0;top: 50%;width: 1px;height: 24px;background-color: #cacaca;margin-top: -12px;}*/
.innerNavL a.first:before,.innerNavL a.li1:before{display: none;}
.innerNavL a:nth-child(1){border-left: 1px solid #ddd;}
.innerNavL a{border-right: 1px solid #ddd;}
.innerNavL a *{display: inline-block;vertical-align: middle;font-size: 16px;font-family: "Candara";margin: 0 5px;transition:all 0.3s;}
.innerNavL a .icon2,.innerNavL a.on .icon1,.innerNavL a:hover .icon1,.innerNavL a.current .icon1{display: none;}
.innerNavL a.on .icon2,.innerNavL a:hover .icon2,.innerNavL a.current .icon2{display: inline-block;}
.innerNavL a.on,.innerNavL a:hover,.innerNavL a.current{background-color: #0e9d28;color: #fff; /*margin-right: 25px;*/}

.innerNavL2{width: 100%;}
.innerNavL2 a{width: calc(100% / 7);padding: 0 30px;}

.header1{float: left;width: 240px;margin-left: 130px;}
.header2{float: left;width: calc(100% - 641px - 130px);text-align: center;}
.header3{float: right;width: 400px;height: 100%;padding-right: 100px;
	background: -webkit-linear-gradient(left,#39ae54,#86cd41); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left,#39ae54,#86cd41); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left,#39ae54,#86cd41); /* Firefox 3.6 - 15 */
    background: linear-gradient(left,#39ae54,#86cd41); /* 标准的语法（必须放在最后） */
}
.nav{display: inline-block;display: -ms-inline-block;}
.headertel{margin-right: 20px;font-size: 18px;color: #fff;line-height: 30px;letter-spacing: .02rem;position: relative;}
.headertel i{content: url(../images/casetelw.png);width: 17px;height: 19px;position: absolute;top: 6px;left: 0;}
.headertel a{color: #fff;padding-left: 25px;}
.headerIcon{border: none;font-size: 16px;width: 70px;line-height: 30px;letter-spacing: .1rem;margin-top: -1px;}
@media (max-width:1750px){
	.header1{margin-left: 30px;}
	.header2{width: calc(100% - 571px - 30px);}
	.header3{width: 330px;padding-right: 50px;}
}
@media (max-width:1470px){
	.header2{width: calc(100% - 541px - 30px);}
	.header3{width: 300px;padding-right: 30px;}	
	.nav li{padding: 0 0.6vw;}
	.nav li a{padding: 0 0.6vw;}
}
@media (max-width:1330px){
	.nav li{padding: 0 0.4vw;}
	.nav li a{padding: 0 0.4vw;}
}

/*联系我们*/
.cont-tit{
	text-align: center;
	margin: 56px auto 32px;
	font-size: 22px;
	color: #0e9d28;
	line-height: 38px;
	letter-spacing: .05rem;
}
.cont-tit h3{
	font-weight: bold;
}
.cont-main{
	margin-bottom: 100px;
}
.cont-main-right{
	display: inline-block;
	float: right;
	width: 815px;
	height: auto;
}
.cont-main-right h2{
	font-size: 20px;
	line-height: 38px;
	padding-left: 40px;
	margin-bottom: 14px;
	background-repeat: no-repeat;
	background-position: 5px center;
	background-size: auto;
	background-image: url(../images/cont-01.png);
	color: #0e9d28;
	font-weight: bold;
	font-family: "[SourceHanSansCN]";
}
.cont-main-form{
	display: block;
	width: 100%;
	height: auto;
	padding: 30px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
}
.cont-main-form h3{
	font-size: 14px;
	color: #269e20;
	line-height: 28px;
	margin-bottom: 32px;
	text-align: center;
}
.cont-main-form-ul li{
	float: left;
	width: 230px;
	margin-right: 32px;
	margin-bottom: 14px;
}
.cont-main-form-ul li:nth-child(3n){
	margin-right: 0;
}
.cont-main-form-ul li input{
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #c6c6c6;
	padding: 0 26px;
	font-size: 14px;
	color: #222;
	height: 54px;
	background: #f7f7f7;
}
.cont-main-form-ul li select{
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #c6c6c6;
	padding: 0 26px;
	font-size: 14px;
	color: #565656;
	height: 54px;
	background: #f7f7f7 url(../images/shang-02.png) no-repeat 92% center !important;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
}


.cont-main-form-ul li.wid100{
	width: 492px;
}

.cont-main-form-bot li{
	margin-bottom: 9px;
	height: auto;
	min-height: 28px;
}
.cont-main-form-bot li h4{
	display: inline-block;
	float: left;
	width: 80px;
	line-height: 28px;
	font-size: 14px;
	color: #0f0f0f;
	min-height: 28px;
}
.cont-main-form-bot li>div{
	display: inline-block;
	float: left;
	width: 675px;
}
.cont-main-form-bot li>div textarea{
	display: block;
	width: 100%;
	height: 200px;
	border: 1px solid #c6c6c6;
	background-color: #f7f7f7;
	padding: 10px 20px;
	line-height: 24px;
	font-size: 14px;
	color: #333;
	font-family: "微软雅黑";
	margin-bottom: 10px;
}
.cont-main-form-bot button{
	display: block;
	width: 160px;
	height: 50px;
	line-height: 48px;
	border-radius: 10px;
	background-color: #269e20;
	text-align: center;
	border: 1px solid #269e20;
	font-size: 18px;
	color: #fff;
	letter-spacing: .1rem;
}
.cont-xieyi{
	display: block;
	width: 100%;
	height: 28px;
	line-height: 28px;
	position: relative;
	font-size: 14px;
	color: #666666;
	margin: 15px 0;
}
.cont-xieyi a{
	font-size: 14px;
	line-height: 28px;
	color: #666666;
}
.cont-xieyi label{
	display: inline-block;
	vertical-align: top;
	padding-left: 26px;
	cursor: pointer;
}
.cont-xieyi label input{
	display: block;
	width: 16px;
	height: 16px;
	border: 1px solid #d7d7d7;
	position: absolute;
	left: 0;
	top: 6px;
	opacity: 0;
}
.cont-xieyi label input[type="checkbox"]:checked{
	background: url(../images/xuanzhong1.png) no-repeat center;
	background-size: 100% 100%;
	border: 1px solid #269e20;
}
.cont-xieyi label input+p{
	position: absolute;
    width: 20px;
    height: 20px;
    border: 1px solid #c6c6c6;
    display: block;
    top: 4px;
    left: 0;
}
.cont-xieyi label input:checked+p{
	border: 1px solid #05a239;
}
.cont-xieyi label input:checked+p span{
	position: absolute;
	width: 16px;
	height: 16px;
    background: url(../images/xuanzhong1.png);
    left: 1px;
    top: 1px;
}

.cont-main-form-bot li>div #code_input,.cont-main-form-bot li>div #verifycode{
	display: inline-block;
	float: left;
	width: 120px;
	height: 36px;
	border: 1px solid #c6c6c6;
	margin-right: 12px;
	padding: 0 20px;
	text-align: center;
	font-size: 16px;
	color: #333;
	background: #f7f7f7;
}
#v_container,.v_container{
	display: inline-block;
	float: left;
	width: 94px;
	height: 36px;
}
.cont-main-xz{
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 8px;
	font-size: 0;
}
.cont-main-xz label{
	display: inline-block;
	vertical-align: top;
	line-height: 28px;
	font-size: 14px;
	color: #282828;
	margin-right: 25px;
	padding-left: 24px;
	position: relative;
}
.cont-main-xz label input{
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 2px;
	border: 1px solid #d7d7d7;
	position: absolute;
	left: 0;
	top: 6px;
	opacity: 0;
}
.cont-main-xz label input[type="radio"]:checked{
	background: url(../images/xuanzhong1.png) no-repeat center;
	background-size: 100% 100%;
	border: 1px solid #269e20;
}
.cont-main-xz label input+p{
	position: absolute;
    width: 20px;
    height: 20px;
    border: 1px solid #c6c6c6;
    display: block;
    top: 4px;
    left: 0;
}
.cont-main-xz label input:checked+p{
	border: 1px solid #05a239;
}
.cont-main-xz label input:checked+p span{
	position: absolute;
	width: 16px;
	height: 16px;
    background: url(../images/xuanzhong1.png);
    left: 1px;
    top: 1px;
}
.cont-main-left{
	display: inline-block;
	float: left;
	width: 368px;
	font-size: 16px;
	color: #313131;
	line-height: 30px;
	font-family: "[SourceHanSansCN]";
}
.cont-main-left span{
	font-size: 18px;
}
.cont-main-left p{
	font-size: 16px;
	color: #313131;
}
.cont-main-left span,
.cont-main-left a{
	color: #0e9d28;
}
.cont-main-left span{
	font-weight: bold;
}
.cont-main-left span img{
	width: 150px;
	max-width: 100%;
}
.cont-main-left h2{
	font-size: 20px;
	font-weight: bold;
	color: #0e9d28;
	line-height: 36px;
	margin-bottom: 4px;
}
.cont-main-left h2 img{
	display: inline-block;
	vertical-align: top;
	margin-right: 8px;
	margin-top: 8px;
}
.cont-main-left ul{
	margin-bottom: /*36px*/ 25px;
}
.cont-main-leftBut{
	display: block;
	width: 330px;
	height: 48px;
	border-radius: 4px;
	background-color: #269e20;
	text-align: center;
	line-height: 48px;
	font-size: 14px;
	color: #fff !important;
	font-family: "[SourceHanSansCN]";
	box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
}
.cont-main-leftBut:hover{
	background-color: #0e9d28;
}
.cont-main-leftBut img{
	margin-left: 16px;
}
.cont-main-form-bot button:hover{
	background: transparent;
	color: #0e9d28;
}

/*产品*/
.product{padding: 38px 0 0;}
.product form {display: block;margin-top: 0em;}
.product .sec1{padding: 30px 0;font-size: 0;background-color: #f9f9f9;overflow: hidden;text-align: center;}
.product .sec1 .p1{color: #333;display: inline-block;vertical-align: middle;padding-right: 22px;line-height: 50px;font-size: 14px;}
.product .sec1 .box{display: inline-table;vertical-align: middle;width: 700px;padding: 10px 20px;background-color: #fff;border: 1px solid #d2d2d2;height: 28px;border-radius: 50px;overflow: hidden;}
.product .sec1 .box input{float: left;height: 28px;line-height: 28px;border: 0 none;background: 0 none;width: 670px;}
.product .sec1 .box .boxtext{width: calc(100% - 30px);color: #313131;}
.product .sec1 .box .submit{float: left;border: 0 none;width: 30px;height: 28px;background: url(../images/proicon6.png) center no-repeat;cursor: pointer;}
.product .sec1 .p2{display: inline-block;vertical-align: middle;padding: 0 0 0 10px;font-size: 16px;color: #fbcf04;}
.product .sec1 .p2 a{color: #fbcf04;text-decoration: underline;padding-left: 7px;}
.product .sec1 .p2 a:hover{color: #3ba571;}
.product .sec2{width: 100%;}
.product .sec2 .title{text-align: center;font-size: 28px;line-height: 40px;color: #333;padding: 28px 0 0;}
.product .sec2 .title span{padding-left: 40px;background: url(../images/proicon1.jpg) left center no-repeat;}
.product .sec2 ul{width: 100%; }
.product .sec2 li{float: left;width:calc((100% - 30px) / 4);margin-right: 10px;margin-bottom:10px;box-shadow: 1px 1px 10px #ddd;position: relative;text-align: center;background-color: #fff;}
.product .sec2 li:nth-child(4n){margin-right: 0;}
.product .sec2 li .img{width: 100%;height: 270px;overflow: hidden;}
.product .sec2 li .img img{transition:all 0.3s;width: 100%;height: 100%;object-fit: cover;}
.product .sec2 li .icon{position: absolute;width: 39px;height: 35px;/*background: url(../images/proicon8.png);*/left: 16px;top: 9px;}
.product .sec2 li .txt{font-size: 18px;line-height: 56px;color: #030303;border-top: 1px solid #e9e9e9;width: 270px;margin: 0 auto;}
.product .sec2 li .cover{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: url(../images/green9bg.png);color: #fff;font-family: "Candara";opacity: 0;filter:alpha(opacity =0);transition:all 0.3s;}
.product .sec2 li .cover .inner{margin: 15px;position: relative;width: 270px;height: 297px;}
.main02{position:absolute;background:#fff;opacity: 0.3;filter:alpha(opacity = 30);}
.main02_s1{top:-1px;left:0;height:1px;width:0;}
.main02_s2{top:-1px;right:0;height:1px;width:0;}
.main02_s3{bottom:0;left:-1px;width:1px;height:0;}
.main02_s4{bottom:0;right:-1px;width:1px;height:0;}
.main02_s5{bottom:0;left:50%;height:1px;width:0;}
.main02_s6{bottom:0;right:50%;height:1px;width:0;}
.product .sec2 li .cover img{padding: 80px 0 0;}
.product .sec2 li .cover .p1{font-size: 18px;line-height: 50px;margin-bottom: 12px;}
.product .sec2 li .cover .p2{position: relative;font-size: 14px;line-height: 30px;height: 30px;}
.product .sec2 li .cover .p2:before,.product .sec2 li .cover .p2:after{content: "";position: absolute;width: 34px;height: 1px;background-color: #ffffff;left: 50%;margin-left: -17px;top: 0;transition:all 0.3s;}
.product .sec2 li .cover .p2:after{top: auto;bottom: 0;}
.product .sec2 li .cover .p2:hover:before,.product .sec2 li .cover .p2:hover:after{width: 80px;margin-left: -40px;}
.product .sec2 li:hover .cover{opacity: 1;filter:alpha(opacity = 100);}
.product .sec2 li:hover .txt{color: #fff;}
.product .sec2 li:hover .img img{transform:scale(1.08);}